.order-card-component {
  padding: 24rpx;
  .order-card {
    padding: 36rpx 0 24rpx 24rpx;
    min-height: 214rpx;
    background: #FFE100;
    box-shadow: 0 4rpx 12rpx 0 rgba(0,0,0,0.12);
    border-radius: 16rpx;
		box-sizing: border-box;
  }
  .order-status-title {
    display: flex;
    align-items: center;
    .order-status-image {
      flex: 1;
      display: flex;
      align-items: center;
      font-size: 30rpx;
      font-weight: bold;
      color: #2c2c2c;
      overflow: hidden;
      .icon-status {
        margin-right: 14rpx;
        width: 48rpx;
        height: 48rpx;
      }
      .status-text {
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
    .order-status-deliver {
      opacity: 0.5;
      display: flex;
      align-items: center;
      padding: 0 20rpx;
      height: 48rpx;
      font-size: 26rpx;
      color: #777777;
      background-image: linear-gradient(90deg, #FFFFFF 0%, rgba(255,255,255,0.60) 100%);
      border-radius: 62rpx 0 0 62rpx;
      .icon-more {
        margin-left: 1px;
        width: 28rpx;
        height: 28rpx;
      }
    }
  }
  .order-status-desc {
    padding-right: 24rpx;
    margin-top: 24rpx;
    line-height: 36rpx;
    font-size: 26rpx;
    color: #2c2c2c;
  }
}